﻿@model OrderListModel
@using Logistics.Web.Models.Order

@{
    Layout = "~/Views/Shared/_Logistics.cshtml";
    ViewBag.LogisticsMenu = CommonValues.ListOrdersMenuItem;
}

<div class="order-list-wrapper">
    <div class="order-list-table">
        <h2>My Orders</h2>
        @using (Html.BeginForm("OrderList", "Order", FormMethod.Post, new { id = "order-list-form" }))
        {
            <div class="data">
                <table class="table table-hover table-striped">
                    <thead>
                        <tr><th>Order #</th><th>Date</th><th>Status</th><th>Packages</th></tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
            <div class="pager">

            </div>
            <div class="hidden-data"></div>
        }
    </div>

    <div class="order-list-detail">
        <h2>Order #<span class="order-list-id"></span></h2>
        <span class="step-back"><i class="fa fa-arrow-circle-o-left"></i> Back</span>
        <div class="order-list-detail-content">

        </div>
    </div>
    <div class="order-shipment-detail">
        <span class="step-back"><i class="fa fa-arrow-circle-o-left"></i> Back</span>
        <div class="order-shipment-detail-content">

        </div>
    </div>
    <div class="order-shipment-action">
        <span class="step-back"><i class="fa fa-arrow-circle-o-left"></i> Back</span>
        <div class="order-shipment-action-content">

        </div>
    </div>

    <!--addressList begin-->
    <p style="cursor: pointer; display: none;" onclick="order.getPickUpList(this)" name="AddressToggle">Selet address for pickUp>></p>
    <div style="display: none;">
        <div class="address-select-wrapper">
            <div class="address-select-list" style="position: relative; left: 0px; top: 0px; height: auto;">
                aaa
            </div>
        </div>
        <div id="pickupTime" class="col-xs-12 pickup-time-wrapper" style="display: none;">
            <div class="section-wrapper">
                <h4>Pickup Time</h4>
                <div class="pickup-calendar-wrapper" style="height: 104px;">
                    <table class="pickup-calendar col-ms-12 col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <thead id="pickupThreadId"></thead>
                        <tbody id="pickupTbodyId"></tbody>
                    </table>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <p style="cursor: pointer; display: none;" onclick="order.getDeliveryAddressList(this)" name="AddressToggle"> Selet address for delivery>> </p>
    <div style="display: none;">
        <div class="address-select-wrapper">
            <div class="address-select-list" style="position: relative; left: 0px; top: 0px; height: auto;">
                aaa
            </div>
        </div>
    </div>
</div>


<!--address template begin--->
<div id="AddressTmplate" style="display: none;">
    <div class="address-select-wrapper">
        <div class="address-select-list" style="position: relative; left: 0px; top: 0px; height: auto;">
        </div>
    </div>
    @*<div name="deliverySelectAddres" class="my-hub-body section-wrapper" style="display: none;">*@
    <div name="deliverySelectAddres" class="my-hub-body section-wrapper" style="display: none;">
        <div class="messages"></div>
        <form method="post" action="/express/Order/PickupAddress">
            <div class="edit-address row edit-address-1">
                <input type="hidden" value="1" name="Address.Id" class="addressId"><input type="hidden" value="1" name="Address.CountryId" class="addressCountryId">
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.FirstName">First name</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="Spots" name="Address.FirstName" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.LastName">Last name</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="Hub" name="Address.LastName" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.Company">Company</label>
                    </div>
                    <div class="info-input">
                        <input type="text" placeholder="(Optional)" value="Nop Solutions" name="Address.Company" class="form-control">
                    </div>
                </div>
                <div class="col-xs-8">
                    <div class="info-label">
                        <label for="Address.Address1">Street address</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="21 West 52nd Street" name="Address.Address1" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.Address2">Unit/Buzzer #</label>
                    </div>
                    <div class="info-input">
                        <input type="text" placeholder="(Optional)" value="" name="Address.Address2" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.City">City</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="New York" name="Address.City" class="form-control">
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="info-label">
                        <label for="Address.StateProvinceName">Province</label>
                    </div>
                    <div class="info-input">
                        <select data-val="" name="Address.StateProvinceId" class="form-control"><option value="2">British Columbia</option><option value="1">Alberta</option></select>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="info-label">
                        <label for="Address.CountryName">Country</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="Canada" name="Address.CountryName" disabled="disabled" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.ZipPostalCode">Postal code</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="10021" name="Address.ZipPostalCode" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.Email">Email</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="admin@yourStore.com" name="Address.Email" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.CellPhoneNumber">Cell phone</label>
                    </div>
                    <div class="info-input">
                        <input type="text" value="" name="Address.CellPhoneNumber" class="form-control">
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="info-label">
                        <label for="Address.PhoneNumber">Secondary phone (ext.)</label>
                    </div>
                    <div class="info-input">
                        <input type="text" placeholder="(Optional)" value="12345678" name="Address.PhoneNumber" class="form-control">
                    </div>
                </div>
            </div>
        </form>
        <div class="address-edit-inputs">
            <input type="button" value="Save" onclick="order.SaveAddress(this)" class="btn btn-normal address-edit-save">
        </div>
    </div>
</div>
<!--address  template end--->
